<html>
    <head>
        <title>永华微信分享测试</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    </head>
    <body>
        <button id="photo" type="button" class="btn btn-primary btn-lg btn-block">调用拍照或相册</button>
        <img id="img" style="width:100%" src="<?php echo $domain['static']['url'].'/www/images/IWki_HMn2sga9A1B5kp6U-pYmhUaYiUDduIr4ysRHlLJdkMB7j5O6hn9pzjOj6zh.jpg';?>" alt="" class="img-rounded">
        <script src="http://libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
        <script type="text/javascript">
        $(document).ready(function(){
        	//配置
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: "<?php echo $config['AppID']?>", // 必填，公众号的唯一标识
                timestamp: "<?php echo $config['timestamp']?>", // 必填，生成签名的时间戳
                nonceStr: "<?php echo $config['nonceStr']?>", // 必填，生成签名的随机串
                signature: "<?php echo $config['signature']?>", // 必填，签名，见附录1
                jsApiList: [
                    'onMenuShareTimeline',
                    'chooseImage',
                    'uploadImage'
                 
                ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            });
            
            //ready
            wx.ready(function(){
                console.log('验证通过');
                // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。

                wx.onMenuShareTimeline({
            	    title: '测试标题', // 分享标题
            	    desc: '自定义分享页面内容', // 分享描述
            	    link: '<?php echo $config['url']?>', // 分享链接
            	    imgUrl: 'http://static.phpxueyuan.cn/www/images/logo.jpg', // 分享图标
            	    success: function () { 
            	        // 用户确认分享后执行的回调函数
            	        alert('分享成功！');
            	    },
            	    cancel: function () { 
            	        // 用户取消分享后执行的回调函数
            	    	alert('分享失败请重试！');
            	    }
            	});

                $('#photo').on('click', function(){
                	wx.chooseImage({
                        count: 1, // 默认9
                        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
                        success: function (res) {
                            var localIds = res.localIds[0]; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                            $('#img').attr('src', localIds);
                            //调用图片上传接口
                            wx.uploadImage({
                                localId: localIds, // 需要上传的图片的本地ID，由chooseImage接口获得
                                isShowProgressTips: 1, // 默认为1，显示进度提示
                                success: function (res) {
                                    var serverId = res.serverId; // 返回图片的服务器端ID
                                    //使用系统方法调用下载图片接口
                                    $.get('/weixin/download', {'media_id':serverId}, function(msg){
                                        alert(msg)
                                    })
                                }
                            });
                        }
                    });
                });

            });

            
            
            //error
            wx.error(function(res){
            	console.log('验证失败');
                // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
            });
      	});
            
            
        </script>
    </body>
</html>